<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content" id="contentFir">
						<div class="layerSubTittle">
							<label>第一步：确定脱敏源</label>
						</div>
						<form class="form-horizontal m-t" id="signupForm">
							<div class="form-group">
								<label class="col-sm-3 control-label">数据源类型：</label>
								<div class="col-sm-8">
									<select id="dataType" name="dataType" class="form-control w400"
										type="text" style="width: 400px;">
										<option value="TXT">TXT</option>
										<option value="CSV">CSV</option>
										<option value="ORACLE">ORACLE</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">脱敏源：</label>
								<div class="col-sm-8">
									<select id="jobResult" name="jobResult"
										class="form-control w400" type="text" style="width: 400px;"></select>
								</div>
							</div>
							

							
							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-8">
									<button id="secondStep" type="button" class="btn btn-primary">下一步</button>
								</div>
							</div>
						</form>
					</div>
					<div class="ibox-content" id="contentSec" style="display: none">
						<!-- <div class="wrapper wrapper-content" style="overflow: auto;"> -->
						<div class="ibox">
							<div class="layerSubTittle" style="padding-left: 0px;">
								<label>第二步：选择脱敏表</label>
							</div>
							<div class="container" id="schemaContainer">
								<div class="row">
									<div class="col-xs-12">
										<table id="tablesInfo" data-mobile-responsive="true">
										</table>
									</div>
								</div>
							</div>

							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-8">
									<button id="thirdStep" type="button" class="btn btn-primary">下一步</button>
								</div>
							</div>
						</div>
					</div>
					<div class="ibox-content" id="contentThr" style="display: none">
						<!-- <div class="wrapper wrapper-content" style="overflow: auto;"> -->
						<div class="ibox">
							<div class="layerSubTittle" style="padding-left: 0px;">
								<label>第三步：确定脱敏规则</label>
							</div>
							<table id="addMaskRule" data-mobile-responsive="true">
							</table>
							
							<div class="container" id="schemaContainer">
								<div class="row">
									<div class="col-xs-3">
										<table id="schemaTable" data-mobile-responsive="true">
										</table>
									</div>
									<div class="col-xs-1"></div>
									<div class="col-xs-8">
										<table id="columnTable" data-mobile-responsive="true">
										</table>
									</div>
								</div>
							</div>

							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-8">
									<button onclick="submitMsg()" class="btn btn-primary">提交</button>
								</div>
							</div>
						</div>
					</div>


				</div>
			</div>
		</div>
	</div>
	<div th:include="include::footer"></div>
	<script type="text/javascript"
		src="/js/appjs/staticmask/maskJob/add.js">
		
	</script>
</body>
</html>
